import * as React from 'react';
import * as PropTypes from 'prop-types';

export interface AAProps {
  header: React.ReactNode;
  right: React.ReactNode;
  left: React.ReactNode;
}

class AA extends React.Component<AAProps, any> {
  public static propTypes = {};
  public static defaultProps = {};

  public render() {
    const { header, left, right, children } = this.props;
    return (
      <div>
        <div>{header}</div>
        <div>{children}</div>
        <div>
          <div>{left}</div>
          <div>{right}</div>
        </div>
      </div>
    );
  }
}

const BB = () => {
  return (
    <div>
      <AA header={<div>Hello 管理员</div>} left={<div>我是菜单</div>} right={<div>我是内容</div>}>
        <div>我还是个孩子</div>
      </AA>
    </div>
  );
};




